// header-layout.scss
@import url("@/style/common.scss");

.layout {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 130px);

    &-header {
        background: #FBFCFE;
        // padding: 20px;
        border-radius: 4px;
        margin-bottom: 16px;
    }

    .header-content {
        background: #FBFCFE;
        border-radius: 4px;
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;

        .el-tabs__item {
            font-weight: bold;
            font-size: 15px;
            width: 100px;
        }
    }

    .header-layout {
        display: flex;
        justify-content: space-between;
        flex: 1;

        .el-tree {
            background: #FBFCFE;
        }

        &-left {
            width: 250px;
            height: 100%;
            background: #FBFCFE;
            border-right: 1px solid #eee;
            padding: 16px;

            .el-input {}

            .el-scrollbar {
                background: #FBFCFE;
                margin-left: -16px !important;
                height: 98%;
            }
        }

        &-right {
            flex: 1;
            padding: 0 5px;

            &-search {
                background: #FBFCFE;
                padding: 15px 10px 5px 8px;
                border-radius: 4px;
                display: flex;
                justify-content: space-between;

                .el-form--inline .el-form-item {
                    margin-right: 10px !important;
                    margin-bottom: 0;
                }
            }

            &-table {}
        }
    }
}